<template>
    <div id="Box">
        <HomeNav></HomeNav>
        <HomeContent></HomeContent>
        <HomeBottom></HomeBottom>
    </div>
</template>

<script>
    import HomeNav from "@/components/home/Nav.vue"
    import HomeContent from "@/components/home/Content.vue"
    import HomeBottom from "@/components/bottom.vue"

    export default {
        name: "home",
        components:{
            HomeNav,
            HomeContent,
            HomeBottom
        },
        created(){
            //刚进入页面就触发
            //store已经全局引用过了，因此此处不需要再引用
            this.$store.dispatch('Homexaxios');
        }
    }
</script>

<style scoped>
    #Box{
        position: relative;
    }
</style>